這個教程會教您如何設(shè)計發(fā)光斑駁的字體特效,會教您運用PS濾鏡和紋理圖片,同時也詮釋了如何運用筆刷和圖層樣式給最終的字體效果增添光感。

來,先看看最終效果!

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

教程涉及資源下載

1-Watford字體

2-Colored?Vintage?Paper下載的彩色復(fù)古紙張紋理09(灰色):Ciara?Panacchia的紋理打包

3-wojtar-stock的生銹質(zhì)感紋理6

4-redheadstock的火花Ps筆刷

 

第一步:

創(chuàng)建一個1024*768的新文檔。前景色#532118,背景色是#170b09。點擊漸變工具(G),選取前景至背景的漸變,然后點工具欄中的徑向漸變,像下圖中拖拽。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

打開彩色復(fù)古紙張紋理09(灰色),放置于背景圖層之上。調(diào)整大小,并將混合模式設(shè)置為疊加。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第二步:

利用文字工具(T)鍵入文本。字體顏色是#6e0023,Watford字體,字號是250像素。復(fù)制文本圖層(Ctrl+J),?并將副本的填充度降低至0%。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

雙擊原圖層,應(yīng)用圖層樣式:

投影:將距離和大小調(diào)整為10像素。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

內(nèi)發(fā)光:選擇混合模式為正常,不透明度是100%,顏色是#ffff00,大小為8,范圍是75%。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

文字就像這樣。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第三步:

雙擊副本,應(yīng)用圖層樣式:

斜面和浮雕:深度為450,大小21像素,勾選消除鋸齒選項,高光模式為線性減淡,顏色是#ffd200,?陰影模式為強光,顏色是#9c2323。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

等高線:僅勾選消除鋸齒。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

兩個圖層應(yīng)用圖層樣式后,文字大概是這種效果。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第四步:

在頂層新建一個圖層,命名為“紋理”。按住Ctrl鍵,當(dāng)出現(xiàn)“點擊圖層”的圖標(biāo)樣式時選擇。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

前景色設(shè)置為#f8f400,背景色設(shè)置為#6e0023。用前景色填充,然后執(zhí)行“選擇——取消選擇(Ctrl+D)”。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第五步:

我們接下來要用濾鏡做一個簡單的紋理。這個紋理是我們一會兒要用到的基礎(chǔ)。像如下執(zhí)行濾鏡步驟:

濾鏡——素描——網(wǎng)狀。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

濾鏡——藝術(shù)效果——彩色鉛筆。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

濾鏡——扭曲——海洋波紋。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第六步:

將“紋理”圖層的混合模式變?yōu)槿峁狻?/p>

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

圖像——調(diào)整——色階(Ctrl+L),將陰影(黑色箭頭)值調(diào)整為110。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

 

第七步:

下一步是制造生銹效果。打開圖片the?Rust?texture?6,放置頂層。如果你想要更多細節(jié),可以重新調(diào)整圖片尺寸大小。如果圖片不能完全覆蓋文本大小,復(fù)制圖層,移動,直至文本被完全覆蓋。需要注意的是確保圖片邊緣在文本范圍之外。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

合并所有紋理圖層(Ctrl+點擊所有紋理圖層,然后選擇圖層——合并圖層,或者點擊Ctrl+E)。然后將合并圖層的混合模式變?yōu)檎B底。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

同時點擊Ctrl鍵和文本圖層來創(chuàng)建選區(qū)。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

在確保文本圖層被選中的狀態(tài)下,點擊Ctrl+J,復(fù)制一個新圖層(圖層3)。然后你可以選擇刪除原始圖層(圖層2),或者關(guān)閉圖層(關(guān)掉旁邊的眼睛圖標(biāo)),因為我們不會再用到這個圖層了。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

點擊Ctrl+L打開色階,將高光(白色箭頭)值設(shè)置為210,稍微調(diào)亮紋理圖層。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第八步:

紋理有些區(qū)域看起來太深了。我們有兩種辦法補救,或者你也可以用別的你喜歡的工具。

第一種方法是使用橡皮擦(E)。選擇一個空心圓筆刷,擦去很深的或過多紋理修飾的點,比如,字母“G”上的很深的點。空心筆刷使得線條看起來沒那么生硬,但筆刷別選太大,讓他們小而且有點距離。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

第二種方法是使用減淡工具(O)。字母“E”不用刪去整個部分,可以用減淡工具看起來更明亮一點。你最好調(diào)整一下頂部工具欄的設(shè)置,比如范圍或曝光度。過度曝光可能會太過明亮,盡量把數(shù)值選擇在50%左右。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

在下一步之前把所有你想弄的修飾都完成。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第九步:

打開筆刷面板(窗口——筆刷),選擇一款空心圓形筆刷。將大小設(shè)置在30像素左右,圓度是40%,間距是1000%。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

形狀動態(tài)欄中,大小抖動改為100%,角度抖動的菜單欄選方向,這會使筆刷角度按照文字的路徑展現(xiàn)。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第十步:

右鍵點擊文本圖層,選擇創(chuàng)建工作路徑。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

調(diào)整前景色為#f8f400,?選直接選擇工具,在頂部創(chuàng)建一個新圖層,命名為“描邊”。右鍵點擊工作路徑,選擇描邊路徑。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

從菜單的工具欄中選擇筆刷。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

這將用設(shè)定好的筆刷描邊。點擊回車,取消路徑選擇。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第十一步:

雙擊“描邊”圖層應(yīng)用圖層樣式:

外發(fā)光:將混合模式變?yōu)榫€性減淡,顏色是#ff9b0d。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

內(nèi)發(fā)光:將混合模式變?yōu)榫€性減淡,顏色是#ffff2b,源是居中,所以是從中心而不是邊緣發(fā)光。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

這將會給描邊添加逼真的發(fā)光效果。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

你可以用空心圓形筆刷涂掉字母邊角上那些不是按照路徑的點。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第十二步:

再次打開筆刷面板(窗口——筆刷),這一次,選14像素星星筆刷,間距調(diào)整為250%。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

隨意調(diào)整形狀動態(tài)。我們的目的是調(diào)整火花的大小和角度。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

同樣也調(diào)整下散布狀態(tài)。你可以多試幾個值,看看不同的效果。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第十三步:

像第十步一樣創(chuàng)建工作路徑,在原始文字圖層下創(chuàng)建新圖層,命名為“BG?火花”,用火花畫筆描邊。右鍵點擊“描邊”圖層,選擇“拷貝圖層樣式”,右鍵點擊“BG火花”圖層,選擇“粘貼圖層樣式”。用同樣的方法使火花背景圖層也應(yīng)用相同的圖層樣式。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

第十四步:

下載火花Ps筆刷壓縮包,選擇一款你中意的火花圖案。你可以改變形狀動態(tài),使每次你增加一個火花,大小和旋轉(zhuǎn)角度都有所不同。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

在頂層創(chuàng)建新圖層,命名為“火花”,再次粘貼“描邊”圖層的圖層樣式,在發(fā)光圖層上添加火花。

也別添加太多的火花了。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

 

結(jié)語

這就是最終的效果了。如果你的文本字體大小不同,你還要調(diào)整一下斜面浮雕值。希望你享受這個教程,并有所收獲。

PHOTOSHOP教程:打造發(fā)光生銹的字體特效

——————————————————————————————-

轉(zhuǎn)摘請保留以下信息:

SDC翻茄匠:小米粥?????????????微博:@小米粥8711

原文地址:http://planetphotoshop.com/glowing-rusty-text-effect.html

收藏 9
點贊

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。